.card header, .card footer {
  padding: 2em;
}

.card header {
  height: 4em;
  background-image: linear-gradient(to bottom,rgba(0,0,0,1), rgba(0,0,0,0));
  border-radius: 1em 1em 0 0;
  color:rgba(255,255,255,0.7);
}

.card footer {
  height:10em;
  background-image: linear-gradient(to bottom,rgba(0,0,0,0), rgba(0,0,0,1));
  border-radius: 0 0 1em 1em;
  color:rgba(255,255,255,0.8);
}

.card article {
  height: 30em;
  color: rgba(255,255,255,0.8);
  background-color: rgba(0,0,0,0.25);
}

.card {
  width: 35em;
  height: 40em;
  margin: 10em auto;
  background-color: green;
  border: 0.1em solid black;
  border-radius: 1.0em;
}
.card article img {
  max-height: 100%;
  float: right;
}
.card article p {
  padding: 1em;
}